<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="utf-8">
<meta name="viewport"
	content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
<title></title>
<link rel="stylesheet" type="text/css" href="../../css/aui.css" />
<style>
.aui-content-padded {
	padding: 0.75 rem;
	background-color: #ffffff;
	margin-top: 0.75 rem;
}
</style>
</head>
<body>

	<div class="aui-content aui-margin-b-15">
		<img src="${pageContext.request.contextPath}/img/card.png"alt="" />
		<ul class="aui-list aui-form-list">
			<li class="aui-list-item">
				<div class="aui-list-item-inner">
					<div style=" margin: 0 auto; ">
						姓名:<span id="name"></span>
					</div>
				</div>
			</li>
			<li class="aui-list-item">
				<div class="aui-list-item-inner">
					<div style=" margin: 0 auto; ">
						手机号码:<span id="phoneNumber"></span>
					</div>
				</div>
			</li>
			<li class="aui-list-item">
				<div class="aui-list-item-inner">
					<div style=" margin: 0 auto; ">
						所属部门：<span id="dept"></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					</div>
				</div>
			</li>
			<li class="aui-list-item">
				<div class="aui-list-item-inner">
					<div style=" margin: 0 auto; ">
						职&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;位:<span id="position"></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					</div>
				</div>
			</li>
		</ul>
		</div>
</body>
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/zepto.min.js"></script>
<!-- <script type="text/javascript" src="../script/aui-tab.js"></script> -->
<script type="text/javascript">
	//页面显示
	$(function() {
		getPage(pageNumber, pageSize);
	});

	//当前初始页
	var pageNumber = 1;
	//每页显示多少条
	var pageSize = 10;
	var countSize = 0;
	function getPage(pageNumber, pageSize) {
		$
				.ajax({
					url : '${pageContext.request.contextPath}/appcrm/cardDetail.do?page='
							+ pageNumber + '&limit=' + pageSize,
					type : "POST",
					dataType : "json",
					success : function(data) {
						if (data.code == "0") {
							if (data.emp != "undefined") {
								$("#phoneNumber").html(data.emp.phoneNumber);
								$("#name").html(data.emp.name);
								$("#dept").html(data.emp.dept.deptName);
								$("#position").html(data.emp.position);
							}
						}
					}
				});
	}
</script>
</html>